<!-- 五区日报 -->
<!-- 数据填报-生产管理-五区日报 -->

<template>
    <div>
        <div class="bg-white grid-content">
            <div style="overflow: hidden; ">
                <div class="mytitle"><svg-icon icon-class="dszyqzhbb" class="myIcon" /> 第 五 作 业 区 综 合 报 表 </div>
                <div class="myButtons">
                    <el-button @click="handleClick('', 'add')">新增</el-button>
                    <el-button @click="uploadData">批量导入</el-button>
                </div>
            </div>

            <el-tabs v-model="activeName" type="card" @tab-click="handleMenuClick">

                <el-tab-pane label="提捞数据" name="fourth">提捞数据</el-tab-pane>

                <el-tab-pane label="表一采油生产运行" name="fifth">表一采油生产运行</el-tab-pane>

                <el-tab-pane label="表二油井作业及措施" name="sixth">表二油井作业及措施</el-tab-pane>

            </el-tabs>

            <!-- 提捞数据 -->
             <el-table :data="tlsjData" border style="width: 100%"
                :header-cell-style="{ background: '#F5F7FA', color: '#909399' }" v-show="tlsjVisable">

                <el-table-column align="center" label="创业一队" prop="cyyd"></el-table-column>

                <el-table-column align="center" label="创业二队" prop="cyed"></el-table-column>

                <el-table-column align="center" label="创业三队" prop="cytd"></el-table-column>

                <el-table-column align="center" label="创业四队" prop="cysd"></el-table-column>

                <el-table-column align="center" label="石开" prop="sk"></el-table-column>

                <el-table-column align="center" label="鑫瑞金" prop="xrj"></el-table-column>

                <el-table-column align="center" label="德尚" prop="ds"></el-table-column>

                <el-table-column align="center" label="宏大一队" prop="hdyd"></el-table-column>
                
                <el-table-column align="center" label="宏大二队" prop="hded"></el-table-column>
                
                <el-table-column align="center" label="宏大三队" prop="hdsd"></el-table-column>
                
                <el-table-column align="center" label="捞油合计" prop="lyhj"></el-table-column>
                
                <el-table-column align="center" label="五区洗井回收" prop="wqxjhs"></el-table-column>
                
                <el-table-column align="center" label="落地油" prop="ldy1"></el-table-column>
                
                <el-table-column align="center" label="作业区合计" prop="zyqhj"></el-table-column>
                
                <el-table-column align="center" label="创业拉油" prop="cyly"></el-table-column>
                
                <el-table-column align="center" label="四作业区" prop="szyq"></el-table-column>
                
                <el-table-column align="center" label="三作业区" prop="tzyq"></el-table-column>
                
                <el-table-column align="center" label="二作业区" prop="ezyq"></el-table-column>
                
                <el-table-column align="center" label="一作业区" prop="yzyq"></el-table-column>
                
                <el-table-column align="center" label="肇州工区新井" prop="bzgqxj"></el-table-column>
                
                <el-table-column align="center" label="新井捞油合计" prop="xjlyhj"></el-table-column>
                
                <el-table-column align="center" label="东16卸油点" prop="d16xyd1"></el-table-column>
                
                <el-table-column align="center" label="树2卸油点" prop="s2xyd"></el-table-column>
                
                <el-table-column align="center" label="树8卸油点" prop="s8xyd1"></el-table-column>
                
                <el-table-column align="center" label="五区洗井回收" prop="wqxjhs"></el-table-column>
                
                <el-table-column align="center" label="落地油" prop="ldy2"></el-table-column>
                
                <el-table-column align="center" label="总井数" prop="zjs"></el-table-column>
                
                <el-table-column align="center" label="开井数" prop="kjs"></el-table-column>
                
                <el-table-column align="center" label="计划捞油" prop="jhly"></el-table-column>
                
                <el-table-column align="center" label="实际捞油" prop="sjly"></el-table-column>
                
                <el-table-column align="center" label="利用率" prop="lyl"></el-table-column>
                
                <el-table-column align="center" label="4队罐井" prop="sdgj"></el-table-column>
                
                <el-table-column align="center" label="东16卸油点" prop="d16xyd2"></el-table-column>
                
                <el-table-column align="center" label="树8卸油点" prop="s8xyd2"></el-table-column>

                <el-table-column align="center" fixed="right" label="操作" width="100">
                    <template slot-scope="scope">
                        <el-button @click="handleClick(scope.row, 'check')" type="text">查看</el-button>
                        <el-button @click="handleClick(scope.row, 'edit')" type="text">编辑</el-button>
                    </template>
                </el-table-column>
            </el-table>

            <!--表一采油生产运行界面-->
            <el-table :data="bycyscyxData" border style="width: 100%"
                :header-cell-style="{ background: '#F5F7FA', color: '#909399' }" v-show="bycyscyxVisable">
                <el-table-column align="center" label="月度配产（吨/天）" prop="bycyscyx_ydpc"></el-table-column>

                <el-table-column align="center" lebel="当日完成（吨/天）" prop="bycyscyx_drwc"></el-table-column>

                <el-table-column align="center" label="旬度完成（吨/天）">
                    <el-table-column align="center" label="上旬" prop="bycyscyx_xdwc_sx"></el-table-column>
                    <el-table-column align="center" label="中旬" prop="bycyscyx_xdwc_zx"></el-table-column>
                    <el-table-column align="center" label="下旬" prop="bycyscyx_xdwc_xx"></el-table-column>
                </el-table-column>

                <el-table-column align="center" label="年度配产（吨）" prop="bycyscyx_ndpc"></el-table-column>

                <el-table-column align="center" label="年累计完成（吨）" prop="bycyscyx_nljwc"></el-table-column>

                <el-table-column align="center" label="总井数（口）" prop="bycyscyx_zjs"></el-table-column>

                <el-table-column align="center" label="开井数（口）" prop="bycyscyx_kjs"></el-table-column>

                <el-table-column align="center" label="长关井数（口）" prop="bycyscyx_cgjs"></el-table-column>

                <el-table-column align="center" label="间抽关井（口）" prop="bycyscyx_jcgj"></el-table-column>

                <el-table-column align="center" label="短期关井（口）" prop="bycyscyx_dqgj"></el-table-column>

                <el-table-column align="center" label="地面故障关井">
                    <el-table-column align="center" label="井数（口）" prop="bycyscyx_dmgzgj_js"></el-table-column>
                    <el-table-column align="center" label="影响（吨）" prop="bycyscyx_dmgzgj_yx"></el-table-column>
                </el-table-column>

                <el-table-column align="center" label="作业及措施关井">
                    <el-table-column align="center" label="检泵井">
                        <el-table-column align="center" label="井数（口）" prop="bycyscyx_zyjcsgj_jbj_js"></el-table-column>
                        <el-table-column align="center" label="影响（吨）" prop="bycyscyx_zyjcsgj_jbj_yx"></el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="待做业井">
                        <el-table-column align="center" label="井数（口）" prop="bycyscyx_zyjcsgj_dzyj_js"></el-table-column>
                        <el-table-column align="center" label="影响（吨）" prop="bycyscyx_zyjcsgj_dzyj_yx"></el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="测压井">
                        <el-table-column align="center" label="井数（口）" prop="bycyscyx_zyjcsgj_cyj_js"></el-table-column>
                        <el-table-column align="center" label="影响（吨）" prop="bycyscyx_zyjcsgj_cyj_yx"></el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="措施井">
                        <el-table-column align="center" label="井数（口）" prop="bycyscyx_zyjcsgj_csj_js"></el-table-column>
                        <el-table-column align="center" label="影响（吨）" prop="bycyscyx_zyjcsgj_csj_yx"></el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="措施配合">
                        <el-table-column align="center" label="井数（口）" prop="bycyscyx_zyjcsgj_csph_js"></el-table-column>
                        <el-table-column align="center" label="影响（吨）" prop="bycyscyx_zyjcsgj_csph_yx"></el-table-column>
                    </el-table-column>
                </el-table-column>

                <el-table-column align="center" fixed="right" label="操作" width="100">
                    <template slot-scope="scope">
                        <el-button @click="handleClick(scope.row, 'check')" type="text">查看</el-button>
                        <el-button @click="handleClick(scope.row, 'edit')" type="text">编辑</el-button>
                    </template>
                </el-table-column>
            </el-table>

            <!--表二油井作业及措施界面-->
            <el-table :data="beyjzyjcsData" border style="width: 100%"
                :header-cell-style="{ background: '#F5F7FA', color: '#909399' }" v-show="beyjzyjcsVisable">
                <el-table-column align="center" label="油井作业（口）">
                    <el-table-column align="center" label="检泵">
                        <el-table-column align="center" label="计划" prop="beyjzyjcs_yjzy_jb_jh"></el-table-column>
                        <el-table-column align="center" label="完成" prop="beyjzyjcs_yjzy_jb_wc"></el-table-column>
                        <el-table-column align="center" label="正施工" prop="beyjzyjcs_yjzy_jb_zsg"></el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="替喷">
                        <el-table-column align="center" label="正施工" prop="beyjzyjcs_yjzy_tp_zsg"></el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="新井下泵">
                        <el-table-column align="center" label="正施工" prop="beyjzyjcs_yjzy_xjxb_zsg"></el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="措施井下泵">
                        <el-table-column align="center" label="正施工" prop="beyjzyjcs_yjzy_csjxb_zsg"></el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="小修">
                        <el-table-column align="center" label="正施工" prop="beyjzyjcs_yjzy_xx_zsg"></el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="套管调查">
                        <el-table-column align="center" label="正施工" prop="beyjzyjcs_yjzy_tgdc_zsg"></el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="邻井封井">
                        <el-table-column align="center" label="正施工" prop="beyjzyjcs_yjzy_ljfj_zsg"></el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="措施配合">
                        <el-table-column align="center" label="正施工" prop="beyjzyjcs_yjzy_csph_zsg"></el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="小计">
                        <el-table-column align="center" label="正施工" prop="beyjzyjcs_yjzy_xj_zsg"></el-table-column>
                    </el-table-column>
                </el-table-column>

                <el-table-column align="center" label="措施">
                    <el-table-column align="center" label="常规压裂">
                        <el-table-column align="center" label="年计划" prop="beyjzyjcs_cs_cgyl_njh"></el-table-column>
                        <el-table-column align="center" label="完成" prop="beyjzyjcs_cs_cgyl_wc"></el-table-column>
                        <el-table-column align="center" label="正施工" prop="beyjzyjcs_cs_cgyl_zsg"></el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="缝网压裂">
                        <el-table-column align="center" label="年计划" prop="beyjzyjcs_cs_fwly_njh"></el-table-column>
                        <el-table-column align="center" label="完成" prop="beyjzyjcs_cs_fwly_wc"></el-table-column>
                        <el-table-column align="center" label="正施工" prop="beyjzyjcs_cs_fwly_zsg"></el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="水平钻孔及压裂">
                        <el-table-column align="center" label="年计划" prop="beyjzyjcs_cs_spzkjly_njh"></el-table-column>
                        <el-table-column align="center" label="完成" prop="beyjzyjcs_cs_spzkjly_wc"></el-table-column>
                        <el-table-column align="center" label="正施工" prop="beyjzyjcs_cs_spzkjly_zsg"></el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="补孔">
                        <el-table-column align="center" label="年计划" prop="beyjzyjcs_cs_bk_njh"></el-table-column>
                        <el-table-column align="center" label="完成" prop="beyjzyjcs_cs_bk_wc"></el-table-column>
                        <el-table-column align="center" label="正施工" prop="beyjzyjcs_cs_bk_zsg"></el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="小计">
                        <el-table-column align="center" label="正施工" prop="beyjzyjcs_cs_xj_zsg"></el-table-column>
                    </el-table-column>
                </el-table-column>

                <el-table-column align="center" label="合计">
                    <el-table-column align="center" label="正施工" prop="beyjzyjcs_hj_zsg"></el-table-column>
                </el-table-column>

                <el-table-column align="center" fixed="right" label="操作" width="100">
                    <template slot-scope="scope">
                        <el-button @click="handleClick(scope.row, 'check')" type="text">查看</el-button>
                        <el-button @click="handleClick(scope.row, 'edit')" type="text">编辑</el-button>
                    </template>
                </el-table-column>
            </el-table>

            <!-- 分页器 -->
            <el-pagination align='right' @size-change="handleSizeChange" @current-change="handleCurrentChange"
                :current-page="currentPage" :page-sizes="[1, 5, 10, 20, 30]" :page-size="pageSize"
                layout="total, sizes, prev, pager, next, jumper" :total="tlsjData.length">
            </el-pagination>
        </div>

        <!--  提捞数据-->
        <el-dialog :title="myDialogTitle" :visible.sync="tlsjFormVisible">
            <el-form :inline="true" :model="tlsjForm" class="demo-form-inline">
                
                <el-divider content-position="left">创业一队</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="创业一队:">
                            <el-input v-model="tlsjForm.cyyd" placeholder="请输入创业一队"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-divider content-position="left">创业二队</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="创业二队:">
                            <el-input v-model="tlsjForm.cyed" placeholder="请输入创业二队"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-divider content-position="left">创业三队</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="创业三队:">
                            <el-input v-model="tlsjForm.cytd" placeholder="请输入创业三队"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-divider content-position="left">创业四队</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="创业四队:">
                            <el-input v-model="tlsjForm.cysd" placeholder="请输入创业四队"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-divider content-position="left">石开</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="石开:">
                            <el-input v-model="tlsjForm.sk" placeholder="请输入石开"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-divider content-position="left">鑫瑞金</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="鑫瑞金:">
                            <el-input v-model="tlsjForm.xrj" placeholder="请输入鑫瑞金"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-divider content-position="left">德尚</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="德尚:">
                            <el-input v-model="tlsjForm.ds" placeholder="请输入德尚"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-divider content-position="left">宏大一队</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="宏大一队:">
                            <el-input v-model="tlsjForm.hdyd" placeholder="请输入宏大一队"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="宏大二队">
                            <el-input v-model="tlsjForm.hded" placeholder="请输入hded"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-divider content-position="left">宏大三队</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="宏大三队:">
                            <el-input v-model="tlsjForm.hdsd" placeholder="请输入宏大三队"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="捞油合计">
                            <el-input v-model="tlsjForm.lyhj" placeholder="请输入捞油合计"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="五区洗井回收:">
                            <el-input v-model="tlsjForm.wqxjhs" placeholder="请输入五区洗井回收"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="落地油">
                            <el-input v-model="tlsjForm.ldy1" placeholder="请输入落地油"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="作业区合计:">
                            <el-input v-model="tlsjForm.zyqhj" placeholder="请输入作业区合计"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="创业拉油">
                            <el-input v-model="tlsjForm.cyly" placeholder="请输入创业拉油"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="四作业区:">
                            <el-input v-model="tlsjForm.szyq" placeholder="请输入四作业区"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="三作业区">
                            <el-input v-model="tlsjForm.tzyq" placeholder="请输入三作业区"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="二作业区:">
                            <el-input v-model="tlsjForm.ezyq" placeholder="请输入二作业区"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="一作业区">
                            <el-input v-model="tlsjForm.yzyq" placeholder="请输入一作业区"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="肇州工区新井">
                            <el-input v-model="tlsjForm.bzgqxj" placeholder="请输入肇州工区新井"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="新井捞油合计">
                            <el-input v-model="tlsjForm.xjlyhj" placeholder="请输入新井捞油合计"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="东16卸油点">
                            <el-input v-model="tlsjForm.d16xyd1" placeholder="请输入东16卸油点"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="树2卸油点">
                            <el-input v-model="tlsjForm.s2xyd" placeholder="请输入树2卸油点"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="树8卸油点">
                            <el-input v-model="tlsjForm.s8xyd1" placeholder="请输入树8卸油点"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="五区洗井回收">
                            <el-input v-model="tlsjForm.wqxjhs" placeholder="请输入五区洗井回收区"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="落地油">
                            <el-input v-model="tlsjForm.ldy2" placeholder="请输入落地油"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="总井数">
                            <el-input v-model="tlsjForm.zjs" placeholder="请输入总井数"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="开井数">
                            <el-input v-model="tlsjForm.kjs" placeholder="请输入开井数"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="计划捞油">
                            <el-input v-model="tlsjForm.jhly" placeholder="请输入计划捞油"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="实际捞油">
                            <el-input v-model="tlsjForm.sjly" placeholder="请输入实际捞油"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="利用率">
                            <el-input v-model="tlsjForm.lyl" placeholder="请输入利用率"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="4队罐井">
                            <el-input v-model="tlsjForm.sdgj" placeholder="请输入4队罐井"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="东16卸油点">
                            <el-input v-model="tlsjForm.d16xyd2" placeholder="请输入东16卸油点"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="树8卸油点">
                            <el-input v-model="tlsjForm.s8xyd2" placeholder="请输入树8卸油点"></el-input>
                        </el-form-item>
                    </el-col>

                </el-row>
            </el-form>

            <div slot="footer" class="dialog-footer" v-show="!ischeck">
                <el-button @click="bycyscyxFormVisible = false">取 消</el-button>
                <el-button type="primary" @click="bycyscyxFormVisible = false">确 定</el-button>
            </div>
        </el-dialog>




        <!--表一采油生产运行弹出框-->
        <el-dialog :title="myDialogTitle" :visible.sync="bycyscyxFormVisible">
            <el-form :inline="true" :model="bycyscyxForm" class="demo-form-inline">
                <el-divider content-position="left">月度配产</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="月度配产(吨/天):">
                            <el-input v-model="bycyscyxForm.bycyscyx_ydpc" placeholder="请输入月度配产(吨/天)"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-divider content-position="left">当日完成</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="当日完成(吨/天):">
                            <el-input v-model="bycyscyxForm.bycyscyx_drwc" placeholder="请输入当日完成(吨/天)"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-divider content-position="left">旬度完成</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="上旬(吨/天):">
                            <el-input v-model="bycyscyxForm.bycyscyx_xdwc_sx" placeholder="请输入上旬(吨/天)"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="中旬(吨/天):">
                            <el-input v-model="bycyscyxForm.bycyscyx_xdwc_zx" placeholder="请输入中旬(吨/天)"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="下旬(吨/天):">
                            <el-input v-model="bycyscyxForm.bycyscyx_xdwc_xx" placeholder="请输入下旬(吨/天)"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-divider content-position="left">年度配产</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="年度配产（吨）:">
                            <el-input v-model="bycyscyxForm.bycyscyx_ndpc" placeholder="请输入年度配产（吨）"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-divider content-position="left">年累计完成</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="年累计完成（吨）:">
                            <el-input v-model="bycyscyxForm.bycyscyx_nljwc" placeholder="请输入年累计完成（吨）"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-divider content-position="left">总井数</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="总井数（口）:">
                            <el-input v-model="bycyscyxForm.bycyscyx_zjs" placeholder="请输入总井数（口）"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-divider content-position="left">开井数</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="开井数（口）:">
                            <el-input v-model="bycyscyxForm.bycyscyx_kjs" placeholder="请输入开井数（口）"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-divider content-position="left">长关井数</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="长关井数（口）:">
                            <el-input v-model="bycyscyxForm.bycyscyx_cgjs" placeholder="请输入长关井数（口）"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-divider content-position="left">间抽关井</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="间抽关井（口）:">
                            <el-input v-model="bycyscyxForm.bycyscyx_jcgj" placeholder="请输入间抽关井（口）"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-divider content-position="left">短期关井</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="短期关井（口）:">
                            <el-input v-model="bycyscyxForm.bycyscyx_dqgj" placeholder="请输入短期关井（口）"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-divider content-position="left">地面故障关井</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="关井井数（口）:">
                            <el-input v-model="bycyscyxForm.bycyscyx_dmgzgj_js" placeholder="请输入关井井数（口）"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="关井影响（吨）">
                            <el-input v-model="bycyscyxForm.bycyscyx_dmgzgj_yx" placeholder="请输入关井影响（吨）"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-divider content-position="left">作业及措施关井</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="检泵井井数（口）:">
                            <el-input v-model="bycyscyxForm.bycyscyx_zyjcsgj_jbj_js" placeholder="请输入检泵井井数（口）"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="检泵井影响（吨）">
                            <el-input v-model="bycyscyxForm.bycyscyx_zyjcsgj_jbj_yx" placeholder="请输入检泵井影响（吨）"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="待做业井井数（口）:">
                            <el-input v-model="bycyscyxForm.bycyscyx_zyjcsgj_dzyj_js" placeholder="请输入待做业井井数（口）"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="待做业井影响（吨）">
                            <el-input v-model="bycyscyxForm.bycyscyx_zyjcsgj_dzyj_yx" placeholder="请输入待做业井影响（吨）"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="测压井井数（口）:">
                            <el-input v-model="bycyscyxForm.bycyscyx_zyjcsgj_cyj_js" placeholder="请输入测压井井数（口）"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="测压井影响（吨）">
                            <el-input v-model="bycyscyxForm.bycyscyx_zyjcsgj_cyj_yx" placeholder="请输入测压井影响（吨）"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="措施井井数（口）:">
                            <el-input v-model="bycyscyxForm.bycyscyx_zyjcsgj_csj_js" placeholder="请输入措施井井数（口）"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="措施井影响（吨）">
                            <el-input v-model="bycyscyxForm.bycyscyx_zyjcsgj_csj_yx" placeholder="请输入措施井影响（吨）"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="措施配合井数（口）:">
                            <el-input v-model="bycyscyxForm.bycyscyx_zyjcsgj_csph_js" placeholder="请输入措施配合井数（口）"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="措施配合影响（吨）">
                            <el-input v-model="bycyscyxForm.bycyscyx_zyjcsgj_csph_yx" placeholder="请输入措施配合影响（吨）"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>

            <div slot="footer" class="dialog-footer" v-show="!ischeck">
                <el-button @click="bycyscyxFormVisible = false">取 消</el-button>
                <el-button type="primary" @click="bycyscyxFormVisible = false">确 定</el-button>
            </div>
        </el-dialog>

        <!-- 表二油井作业及措施弹出框-->
        <el-dialog :title="myDialogTitle" :visible.sync="beyjzyjcsFormVisible">
            <el-form :inline="true" :model="beyjzyjcsForm" class="demo-form-inline">
                <el-divider content-position="left">油井作业（口）</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="检泵计划:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_yjzy_jb_jh" placeholder="请输入检泵计划"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="检泵完成:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_yjzy_jb_wc" placeholder="请输入检泵完成"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="检泵正施工:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_yjzy_jb_zsg" placeholder="请输入检泵正施工"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="替喷正施工:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_yjzy_tp_zsg" placeholder="请输入替喷正施工"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="新井下泵正施工:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_yjzy_xjxb_zsg" placeholder="请输入新井下泵正施工"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="措施井下泵正施工:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_yjzy_csjxb_zsg" placeholder="请输入措施井下泵正施工"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="小修正施工:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_yjzy_xx_zsg" placeholder="请输入小修正施工"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="套管调查正施工:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_yjzy_tgdc_zsg" placeholder="请输入套管调查正施工"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="邻井封井正施工:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_yjzy_ljfj_zsg" placeholder="请输入邻井封井正施工"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="措施配合正施工:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_yjzy_csph_zsg" placeholder="请输入措施配合正施工"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="小计正施工:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_yjzy_xj_zsg" placeholder="请输入小计正施工"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-divider content-position="left">措施</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="常规压裂年计划:">
                            <el-input v-model="beyjzyjcsForm.zcqjldshl" placeholder="请输入常规压裂年计划"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="常规压裂完成:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_cs_cgyl_njh" placeholder="请输入常规压裂完成"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="常规压裂正施工:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_cs_cgyl_wc" placeholder="请输入常规压裂正施工"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="缝网压裂年计划:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_cs_cgyl_zsg" placeholder="请输入缝网压裂年计划"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="缝网压裂完成:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_cs_fwly_njh" placeholder="请输入常规压裂完成"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="缝网压裂正施工:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_cs_fwly_wc" placeholder="请输入常规压裂正施工"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="水平钻孔及压裂年计划:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_cs_spzkjly_njh"
                                placeholder="请输入水平钻孔及压裂年计划"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="水平钻孔及压裂完成:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_cs_spzkjly_wc" placeholder="请输入水平钻孔及压裂完成"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="水平钻孔及压裂正施工:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_cs_spzkjly_zsg"
                                placeholder="请输入水平钻孔及压裂正施工"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="补孔年计划:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_cs_bk_njh" placeholder="请输入补孔年计划"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="补孔完成:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_cs_bk_wc" placeholder="请输入补孔完成"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="补孔正施工:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_cs_bk_zsg" placeholder="请输入补孔正施工"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="小计正施工:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_cs_xj_zsg" placeholder="请输入小计正施工"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-divider content-position="left">合计</el-divider>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="合计正施工:">
                            <el-input v-model="beyjzyjcsForm.beyjzyjcs_hj_zsg" placeholder="请输入合计正施工"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>

            <div slot="footer" class="dialog-footer" v-show="!ischeck">
                <el-button @click="beyjzyjcsFormVisible = false">取 消</el-button>
                <el-button type="primary" @click="beyjzyjcsFormVisible = false">确 定</el-button>
            </div>
        </el-dialog>
    </div>
</template>
  
<script>
export default {
    data() {
        return {
            currentPageName: '总览',
            activeName: 'first',

            //提捞数据
            tlsjData: [
                {
                    cyyd:"1",
                    cyed:"1",
                    cytd:"1",
                    cysd:"1",
                    sk:"1",
                    xrj:"1",
                    ds:"1",
                    hdyd:"1",
                    hded:"1",
                    hdsd:"1",
                    lyhj:"1",
                    wqxjhs:"1",
                    ldy1:"1",
                    zyqhj:"1",
                    cyly:"1",
                    szyq:"1",
                    tzyq:"1",
                    ezyq:"1",
                    yzyq:"1",
                    bzgqxj:"1",
                    xjlyhj:"1",
                    d16xyd1:"1",
                    d16xyd2:"1",
                    s2xyd:"1",
                    s8xyd1:"1",
                    s8xyd2:"1",
                    ldy2:"1",
                    zjs:"1",
                    kjs:"1",
                    jhly:"1",
                    sjly:"1",
                    lyl:"1",
                    sdgj:"1",
                }
            ],
           
            //表一采油生产运行数据
            bycyscyxData: [
                {
                    bycyscyx_ydpc: "1",
                    bycyscyx_drwc: "1",
                    bycyscyx_xdwc_sx: "1",
                    bycyscyx_xdwc_zx: "1",
                    bycyscyx_xdwc_xx: "1",
                    bycyscyx_ndpc: "1",
                    bycyscyx_nljwc: "1",
                    bycyscyx_zjs: "1",
                    bycyscyx_kjs: "1",
                    bycyscyx_cgjs: "1",
                    bycyscyx_jcgj: "1",
                    bycyscyx_dqgj: "1",
                    bycyscyx_dmgzgj_js: "1",
                    bycyscyx_dmgzgj_yx: "1",
                    bycyscyx_zyjcsgj_jbj_js: "1",
                    bycyscyx_zyjcsgj_jbj_yx: "1",
                    bycyscyx_zyjcsgj_dzyj_js: "1",
                    bycyscyx_zyjcsgj_dzyj_yx: "1",
                    bycyscyx_zyjcsgj_cyj_js: "1",
                    bycyscyx_zyjcsgj_cyj_yx: "1",
                    bycyscyx_zyjcsgj_csj_js: "1",
                    bycyscyx_zyjcsgj_csj_yx: "1",
                    bycyscyx_zyjcsgj_csph_js: "1",
                    bycyscyx_zyjcsgj_csph_yx: "1"
                }
            ],


            //表二油井作业及措施数据
            beyjzyjcsData: [
                {
                    beyjzyjcs_yjzy_jb_jh: "1",
                    beyjzyjcs_yjzy_jb_wc: "1",
                    beyjzyjcs_yjzy_jb_zsg: "1",
                    beyjzyjcs_yjzy_tp_zsg: "1",
                    beyjzyjcs_yjzy_xjxb_zsg: "1",
                    beyjzyjcs_yjzy_csjxb_zsg: "1",
                    beyjzyjcs_yjzy_xx_zsg: "1",
                    beyjzyjcs_yjzy_tgdc_zsg: "1",
                    beyjzyjcs_yjzy_ljfj_zsg: "1",
                    beyjzyjcs_yjzy_csph_zsg: "1",
                    beyjzyjcs_yjzy_xj_zsg: "1",
                    beyjzyjcs_cs_cgyl_njh: "1",
                    beyjzyjcs_cs_cgyl_wc: "1",
                    beyjzyjcs_cs_cgyl_zsg: "1",
                    beyjzyjcs_cs_fwly_njh: "1",
                    beyjzyjcs_cs_fwly_wc: "1",
                    beyjzyjcs_cs_fwly_zsg: "1",
                    beyjzyjcs_cs_spzkjly_njh: "1",
                    beyjzyjcs_cs_spzkjly_wc: "1",
                    beyjzyjcs_cs_spzkjly_zsg: "1",
                    beyjzyjcs_cs_bk_njh: "1",
                    beyjzyjcs_cs_bk_wc: "1",
                    beyjzyjcs_cs_bk_zsg: "1",
                    beyjzyjcs_cs_xj_zsg: "1",
                    beyjzyjcs_hj_zsg: "1"
                }
            ],

            //table数据总条数
            tableTotal: 30,
            //当前页码
            currentPage: 1,
            // 分页数
            pageSize: 5,

            tlsjForm: {
                bycyscyx_ydpc: "",
                    bycyscyx_drwc: "",
                    bycyscyx_xdwc_sx: "",
                    bycyscyx_xdwc_zx: "",
                    bycyscyx_xdwc_xx: "",
                    bycyscyx_ndpc: "",
                    bycyscyx_nljwc: "",
                    bycyscyx_zjs: "",
                    bycyscyx_kjs: "",
                    bycyscyx_cgjs: "",
                    bycyscyx_jcgj: "",
                    bycyscyx_dqgj: "",
                    bycyscyx_dmgzgj_js: "",
                    bycyscyx_dmgzgj_yx: "",
                    bycyscyx_zyjcsgj_jbj_js: "",
                    bycyscyx_zyjcsgj_jbj_yx: "",
                    bycyscyx_zyjcsgj_dzyj_js: "",
                    bycyscyx_zyjcsgj_dzyj_yx: "",
                    bycyscyx_zyjcsgj_cyj_js: "",
                    bycyscyx_zyjcsgj_cyj_yx: "",
                    bycyscyx_zyjcsgj_csj_js: "",
                    bycyscyx_zyjcsgj_csj_yx: "",
                    bycyscyx_zyjcsgj_csph_js: "",
                    bycyscyx_zyjcsgj_csph_yx: ""
            },

            //表一采油生产运行数据
            bycyscyxForm: {
                bycyscyx_ydpc: "",
                bycyscyx_drwc: "",
                bycyscyx_xdwc_sx: "",
                bycyscyx_xdwc_zx: "",
                bycyscyx_xdwc_xx: "",
                bycyscyx_ndpc: "",
                bycyscyx_nljwc: "",
                bycyscyx_zjs: "",
                bycyscyx_kjs: "",
                bycyscyx_cgjs: "",
                bycyscyx_jcgj: "",
                bycyscyx_dqgj: "",
                bycyscyx_dmgzgj_js: "",
                bycyscyx_dmgzgj_yx: "",
                bycyscyx_zyjcsgj_jbj_js: "",
                bycyscyx_zyjcsgj_jbj_yx: "",
                bycyscyx_zyjcsgj_dzyj_js: "",
                bycyscyx_zyjcsgj_dzyj_yx: "",
                bycyscyx_zyjcsgj_cyj_js: "",
                bycyscyx_zyjcsgj_cyj_yx: "",
                bycyscyx_zyjcsgj_csj_js: "",
                bycyscyx_zyjcsgj_csj_yx: "",
                bycyscyx_zyjcsgj_csph_js: "",
                bycyscyx_zyjcsgj_csph_yx: ""

            },
            //表二油井作业及措施数据
            beyjzyjcsForm: {
                beyjzyjcs_yjzy_jb_jh: "",
                beyjzyjcs_yjzy_jb_wc: "",
                beyjzyjcs_yjzy_jb_zsg: "",
                beyjzyjcs_yjzy_tp_zsg: "",
                beyjzyjcs_yjzy_xjxb_zsg: "",
                beyjzyjcs_yjzy_csjxb_zsg: "",
                beyjzyjcs_yjzy_xx_zsg: "",
                beyjzyjcs_yjzy_tgdc_zsg: "",
                beyjzyjcs_yjzy_ljfj_zsg: "",
                beyjzyjcs_yjzy_csph_zsg: "",
                beyjzyjcs_yjzy_xj_zsg: "",
                beyjzyjcs_cs_cgyl_njh: "",
                beyjzyjcs_cs_cgyl_wc: "",
                beyjzyjcs_cs_cgyl_zsg: "",
                beyjzyjcs_cs_fwly_njh: "",
                beyjzyjcs_cs_fwly_wc: "",
                beyjzyjcs_cs_fwly_zsg: "",
                beyjzyjcs_cs_spzkjly_njh: "",
                beyjzyjcs_cs_spzkjly_wc: "",
                beyjzyjcs_cs_spzkjly_zsg: "",
                beyjzyjcs_cs_bk_njh: "",
                beyjzyjcs_cs_bk_wc: "",
                beyjzyjcs_cs_bk_zsg: "",
                beyjzyjcs_cs_xj_zsg: "",
                beyjzyjcs_hj_zsg: ""
            },

            //时间快捷选择
            pickerOptions: {
                disabledDate(time) {
                    return time.getTime() > Date.now();
                },
                shortcuts: [{
                    text: '今天',
                    onClick(picker) {
                        picker.$emit('pick', new Date());
                    }
                }, {
                    text: '昨天',
                    onClick(picker) {
                        const date = new Date();
                        date.setTime(date.getTime() - 3600 * 1000 * 24);
                        picker.$emit('pick', date);
                    }
                }, {
                    text: '一周前',
                    onClick(picker) {
                        const date = new Date();
                        date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
                        picker.$emit('pick', date);
                    }
                }]
            },


            //提捞数据编辑框是否显示
            tlsjFormVisible: false,

            //编辑框是否显示
            bycyscyxFormVisible: false,

            //编辑框是否显示
            beyjzyjcsFormVisible: false,

            //弹出框是否是查看
            ischeck: false,

            //弹出框标题
            myDialogTitle: '',

            tlsjVisable: true,

            //可见性
            bycyscyxVisable: false,

            //可见性
            beyjzyjcsVisable: false,

        }
    },
    methods: {
        onSubmit() {
            console.log('submit!');
        },
        handleClick(row, handle) {
            if (this.currentPageName === '提捞数据') {
                // 代表现在在总览页面打开隐藏的form表单，应该显示总览的Form
                this.tlsjFormVisible = true;
                this.tlsjForm = row;
                if (handle === 'check') {
                    this.myDialogTitle = '提捞数据信息查看'
                    this.ischeck = true
                    this.$message({ message: '成功打开', type: 'success' });
                } else if (handle === 'edit') {
                    this.myDialogTitle = '提捞数据信息编辑'
                    this.ischeck = false
                    this.$message({ message: '编辑成功', type: 'success' });
                } else if (handle === 'add') {
                    this.myDialogTitle = '提捞数据信息填报'
                    this.ischeck = false
                    this.$message({ message: '添加成功', type: 'success' });
                }
                this.bycyscyxFormVisible = false
                this.beyjzyjcsFormVisible = false
            } else if (this.currentPageName === '表一采油生产运行') {
                // 代表现在在总览页面打开隐藏的form表单，应该显示总览的Form
                this.bycyscyxFormVisible = true;
                this.bycyscyxForm = row;
                if (handle === 'check') {
                    this.myDialogTitle = '四日报表一采油生产运行信息查看'
                    this.ischeck = true
                    this.$message({ message: '成功打开', type: 'success' });
                } else if (handle === 'edit') {
                    this.myDialogTitle = '四日报表一采油生产运行信息编辑'
                    this.ischeck = false
                    this.$message({ message: '编辑成功', type: 'success' });
                } else if (handle === 'add') {
                    this.myDialogTitle = '四日报表一采油生产运行信息填报'
                    this.ischeck = false
                    this.$message({ message: '添加成功', type: 'success' });
                }
                this.tlsjFormVisible = false
                this.beyjzyjcsFormVisible = false
            } else if (this.currentPageName === '表二油井作业及措施') {
                // 代表现在在总览页面打开隐藏的form表单，应该显示总览的Form
                this.beyjzyjcsFormVisible = true;
                this.beyjzyjcsForm = row;
                if (handle === 'check') {
                    this.myDialogTitle = '四区日报表二油井作业及措施信息查看'
                    this.ischeck = true
                    this.$message({ message: '成功打开', type: 'success' });
                } else if (handle === 'edit') {
                    this.myDialogTitle = '四区日报表二油井作业及措施信息编辑'
                    this.ischeck = false
                    this.$message({ message: '编辑成功', type: 'success' });
                } else if (handle === 'add') {
                    this.myDialogTitle = '四区日报表二油井作业及措施信息填报'
                    this.ischeck = false
                    this.$message({ message: '添加成功', type: 'success' });
                }
                this.tlsjFormVisible = false
                this.bycyscyxFormVisible = false
            } 
        },
        uploadData() {
            console.log('批量导入成功')
        },
        //每页条数改变时触发 选择一页显示多少行
        handleSizeChange(val) {
            console.log(`每页 ${val} 条`);
            this.currentPage = 1;
            this.pageSize = val;
        },
        //当前页改变时触发 跳转其他页
        handleCurrentChange(val) {
            console.log(`当前页: ${val}`);
            this.currentPage = val;
        },
        // 序号计算
        indexMethod(index) {
            // index默认在0开始，这里+1
            return index + 1 + (this.currentPage - 1) * this.pageSize
        },

        //Tab标签区域切换按钮事件
        handleMenuClick(tab, event) {
            var content = event.target.innerText
            if (content === "提捞数据") {
                this.currentPageName = '提捞数据'
                this.tlsjVisable = true
                this.bycyscyxVisable = false
                this.beyjzyjcsVisable = false
            } else if (content === "表一采油生产运行") {
                this.currentPageName = '表一采油生产运行'
                this.tlsjVisable = false
                this.bycyscyxVisable = true
                this.beyjzyjcsVisable = false
            } else if (content === "表二油井作业及措施") {
                this.currentPageName = '表二油井作业及措施'
                this.tlsjVisable = false
                this.bycyscyxVisable = false
                this.beyjzyjcsVisable = true
            } 
            console.log(this.currentPageName)
        }
    }
}
</script>
  
<style lang="scss" scoped>
// 标题
.mytitle {
    font-size: large;
    padding-left: 10px;
    margin-bottom: 16px;
    float: left;
}

//按钮组
.myButtons {
    float: right
}

//格子的样式
.bg-white {
    background: #ffffff;
}

.grid-content {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.calendar ::v-deep .el-button-group::before {
    display: none;
}

.calendar ::v-deep .el-button-group::after {
    display: none;
}

// 分割线样式
.el-divider--horizontal {
    display: block;
    height: 2px;
    width: 100%;
    margin: 24px 0;
}

// 表单各项的样式
.el-form-item {
    margin: 15px 10px 15px 10px;
}
</style>
  